<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Smart Admin - Login</title>
<style type="text/css">
body, form , p {ldelim}margin:0; padding:0;{rdelim}
body {ldelim}font:10pt "Lucida Sans Unicode", "Lucida Grande", sans-serif; background:#383838;{rdelim}
div#logo p{ldelim}display:none;{rdelim}
div#logo {ldelim}background:url(media/images/logo_login.jpg) no-repeat; width:174px; height:48px; margin:0 auto 55px auto;{rdelim}
div#logo h1 {ldelim}font-size:18pt;{rdelim}
div#logo h1  a {ldelim}display:block; height:48px;{rdelim}
div#logo h1 span {ldelim}display:none;{rdelim}

h1, h2 {ldelim}margin:0; padding:0;{rdelim}

#container {ldelim}width:980px; background:url(media/images/bg_login.jpg) no-repeat top center; margin:0 auto; padding-top:19px; height:355px{rdelim}

label.smallInput {ldelim} background:url(media/images/bg_s_input.gif) no-repeat; width:168px;{rdelim}
label.smallInput, label.mediumInput, label.largeInput {ldelim}padding:4px 6px 0px 6px; height:23px; display:block; margin:5px 0 0 0;{rdelim}
label.smallInput input, label.mediumInput input, label.largeInput input {ldelim}background:none; border:none;  font-size:0.9em; color:#666;{rdelim}

#loginForm {ldelim}background:url(media/images/bg_loginBox.jpg) no-repeat; width:421px; height:200px; margin:0 auto 0 auto; padding:10px{rdelim}
#loginForm h2 {ldelim}color:#fff; display:block; width:280px; float:left; font-size:14pt{rdelim}
p#forgotPass {ldelim}float:right; margin-right:15px; margin-top:3px{rdelim}
p#forgotPass a {ldelim}color:#100d00;{rdelim}
p#forgotPass a:hover {ldelim}text-decoration:none;{rdelim}
div#loginContainer {ldelim}clear:both; width:100%; padding-top:25px; color:#666; padding-left:7px{rdelim}

p#user, p#pass, p#remember, p#submit {ldelim}float:left; margin-right:5px; margin-bottom:20px{rdelim};
</style>
<script type="text/javascript" charset="utf-8">
    function checkForm()
    {ldelim}
        // Check email
        var email = document.getElementById('email').value;
        if (!isValidEmail(email)) {ldelim}
            alert('##SETTING_USR_JS_EMAIL_INVALID##');
            return false;
        {rdelim}
        return true;
    {rdelim}

    function isValidEmail(emailAddress) {ldelim}
		return true;
    	var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{ldelim}0,66{rdelim})\.([a-z]{ldelim}2,6{rdelim}(?:\.[a-z]{ldelim}2{rdelim})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{ldelim}2{rdelim}\.|[0-9]{ldelim}1,2{rdelim}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{ldelim}2{rdelim}|[0-9]{ldelim}1,2{rdelim})\.){ldelim}2{rdelim}(25[0-5]|2[0-4][0-9]|1[0-9]{ldelim}2{rdelim}|[0-9]{ldelim}1,2{rdelim})\]?$)/i);

    	return pattern.test(emailAddress);

	{rdelim}
</script>
</head>

<body>
<div id="container">
  <div id="logo">
    <h1><a href="#"><span>Hotel300.net</span></a></h1>
    <p>Corporate CMS Skin</p>
  </div>

  <form id="loginForm" name="form1" method="post" action="{$actionForm}">
    <h2>##AD_FORGOT_PWD_LABEL##</h2>
    <p id="forgotPass"></p>
    <div id="loginContainer">
      <p id="user">##AD_FORGOT_PWD_EMAIL##:<br />
        <label class="smallInput">
          <input name="email" id="email" type="text" style="width:168px"/>
        </label>
        {foreach from=$messages item=arrMsg}
            {foreach from=$arrMsg item=msg}
            <div style="padding-right:15px;">
            <p><em><font color="#FF0000">{$msg}</font></em></p>
            </div>
          {/foreach}
        {/foreach}
      </p><br />
	  <div style="clear:both;"></div>
      <p id="submit">
        <label>
          <input type="image" name="imageField" id="imageField" src="media/images/bt_submit.gif" onclick="return checkForm();"/>
        </label>
        <div style="float:right;padding-right:18px;">
        <a href="{$login_page_link}">##AD_FORGOT_COMBACK_LOGIN_PAGE##</a>
        </div>
      </p>
    </div>
  </form>
  <h2>&nbsp;</h2>
</div>
<p>&nbsp;</p>
</body>
</html>

